<template>
<!--<i class="iconfont  icon-quit           "> icon-quit              </i></br>
<i class="iconfont icon-setting         ">icon-setting            </i></br>
<i class="iconfont icon-import          ">icon-import             </i></br>
<i class="iconfont icon-export          ">icon-export             </i></br>
        
<i class="iconfont icon-weibo           ">icon-weibo              </i></br>
        
<i class="iconfont icon-email           ">icon-email              </i></br>
<i class="iconfont icon-search          ">icon-search             </i></br>
<i class="iconfont icon-delete          ">icon-delete             </i></br>
<i class="iconfont icon-user            ">icon-user               </i></br>
<i class="iconfont icon-logout          ">icon-logout             </i></br>
<i class="iconfont icon-qq              ">icon-qq                 </i></br>
<i class="iconfont icon-history         ">icon-history            </i></br>
<i class="iconfont icon-importexport    ">icon-importexport       </i></br>
<i class="iconfont icon-close           ">icon-close              </i></br>
<i class="iconfont icon-list            ">icon-list               </i></br>
<i class="iconfont icon-add-circle      ">icon-add-circle         </i></br>
<i class="iconfont icon-edit3           ">icon-edit3              </i></br>
<i class="iconfont icon-menu-small      ">icon-menu-small         </i></br>
<i class="iconfont icon-yes             ">icon-yes                </i></br>
<i class="iconfont icon-cloud           ">icon-cloud              </i></br>
<i class="iconfont icon-bell            ">icon-bell               </i></br>
<i class="iconfont icon-question        ">icon-question           </i></br>
<i class="iconfont icon-pdf             ">icon-pdf                </i></br>
<i class="iconfont icon-lock            ">icon-lock               </i></br>
<i class="iconfont icon-github          ">icon-github             </i></br>
<i class="iconfont icon-left            ">icon-left               </i></br>
<i class="iconfont icon-plugin          ">icon-plugin             </i></br>
<i class="iconfont icon-feedback        ">icon-feedback           </i></br>
<i class="iconfont icon-projects        ">icon-projects           </i></br>
<i class="iconfont icon-add2            ">icon-add2               </i></br>
<i class="iconfont icon-api             ">icon-api                </i></br>
<i class="iconfont icon-excel           ">icon-excel              </i></br>
<i class="iconfont icon-cancel          ">icon-cancel             </i></br>
<i class="iconfont icon-save            ">icon-save               </i></br>
<i class="iconfont icon-iconfontshuaxin ">icon-iconfontshuaxin    </i></br>
<i class="iconfont icon-sql             ">icon-sql                </i></br>
<i class="iconfont icon-copy            ">icon-copy               </i></br>
<i class="iconfont icon-json            ">icon-json               </i></br>
<i class="iconfont icon-drag-copy       ">icon-drag-copy          </i></br>
<i class="iconfont icon-biaoxingfill    ">icon-biaoxingfill       </i></br>
<i class="iconfont icon-biaoxing        ">icon-biaoxing           </i></br>
<i class="iconfont icon-ok              ">icon-ok                 </i></br>
<i class="iconfont icon-rightarrow      ">icon-rightarrow         </i></br>
<i class="iconfont icon-leftarrow       ">icon-leftarrow          </i></br>
<i class="iconfont icon-ok1             ">icon-ok1                </i></br>
<i class="iconfont icon-chick           ">icon-chick              </i></br>
<i class="iconfont icon-openwindow      ">icon-openwindow         </i></br>
<i class="iconfont icon-angelrightblock ">icon-angelrightblock    </i></br>
<i class="iconfont icon-angeldownblock  ">icon-angeldownblock     </i></br>
<i class="iconfont icon-weibo1          ">icon-weibo1             </i></br>
<i class="iconfont icon-move            ">icon-move               </i></br>
<i class="iconfont icon-bianji          ">icon-bianji             </i></br>
<i class="iconfont icon-denglu          ">icon-denglu             </i></br>
<i class="iconfont icon-fuzhi           ">icon-fuzhi              </i></br>
<i class="iconfont icon-edit            ">icon-edit               </i></br>
<i class="iconfont icon-shanchu         ">icon-shanchu            </i></br>
<i class="iconfont icon-sousuo          ">icon-sousuo             </i></br>
<i class="iconfont icon-tianjia         ">icon-tianjia            </i></br>
<i class="iconfont icon-sanjiaoxing     ">icon-sanjiaoxing        </i></br>
<i class="iconfont icon-safe            ">icon-safe               </i></br>
<i class="iconfont icon-info            ">icon-info               </i></br>
<i class="iconfont icon-expansion       ">icon-expansion          </i></br>
<i class="iconfont icon-right           ">icon-right              </i></br>
<i class="iconfont icon-chrome          ">icon-chrome             </i></br>
<i class="iconfont icon-project         ">icon-project            </i></br>
<i class="iconfont icon-collapse        ">icon-collapse           </i></br>
<i class="iconfont icon-qqqun           ">icon-qqqun              </i></br>
<i class="iconfont icon-relation        ">icon-relation           </i></br>
<i class="iconfont icon-list1           ">icon-list1              </i></br>
<i class="iconfont icon-jsonfile        ">icon-jsonfile           </i></br>
<i class="iconfont icon-transfer        ">icon-transfer           </i></br>
<i class="iconfont icon-up              ">icon-up                 </i></br>
<i class="iconfont icon-menu            ">icon-menu               </i></br>-->
    <div class="icon-wrap">
        <h1 class="title">IconFont 图标</h1>
        <ul class="icon_list clear">
            <li class="icon-item">
                <i class="icon iconfont icon-left"></i>
                <div class="fontclass">.icon-left</div>
            </li>

            <li>
                <i class="icon iconfont icon-userBg"></i>
                <div class="fontclass">.icon-userBg</div>
            </li>

            <li>
                <i class="icon iconfont icon-add"></i>
                <div class="fontclass">.icon-add</div>
            </li>

            <li>
                <i class="icon iconfont icon-list"></i>
                <div class="fontclass">.icon-list</div>
            </li>

            <li>
                <i class="icon iconfont icon-share"></i>
                <div class="fontclass">.icon-share</div>
            </li>

            <li>
                <i class="icon iconfont icon-error"></i>
                <div class="fontclass">.icon-error</div>
            </li>

            <li>
                <i class="icon iconfont icon-more"></i>
                <div class="fontclass">.icon-more</div>
            </li>

            <li>
                <i class="icon iconfont icon-setting"></i>
                <div class="fontclass">.icon-setting</div>
            </li>

            <li>
                <i class="icon iconfont icon-star"></i>
                <div class="fontclass">.icon-star</div>
            </li>

            <li>
                <i class="icon iconfont icon-list2"></i>
                <div class="fontclass">.icon-list2</div>
            </li>

            <li>
                <i class="icon iconfont icon-email"></i>
                <div class="fontclass">.icon-email</div>
            </li>

            <li>
                <i class="icon iconfont icon-starBg"></i>
                <div class="fontclass">.icon-starBg</div>
            </li>

            <li>
                <i class="icon iconfont icon-xiangmu"></i>
                <div class="fontclass">.icon-xiangmu</div>
            </li>

            <li>
                <i class="icon iconfont icon-out"></i>
                <div class="fontclass">.icon-out</div>
            </li>

            <li>
                <i class="icon iconfont icon-right"></i>
                <div class="fontclass">.icon-right</div>
            </li>

            <li>
                <i class="icon iconfont icon-warningBg"></i>
                <div class="fontclass">.icon-warningBg</div>
            </li>

            <li>
                <i class="icon iconfont icon-upload"></i>
                <div class="fontclass">.icon-upload</div>
            </li>

            <li>
                <i class="icon iconfont icon-yun"></i>
                <div class="fontclass">.icon-yun</div>
            </li>

            <li>
                <i class="icon iconfont icon-panel"></i>
                <div class="fontclass">.icon-panel</div>
            </li>

            <li>
                <i class="icon iconfont icon-password"></i>
                <div class="fontclass">.icon-password</div>
            </li>

            <li>
                <i class="icon iconfont icon-peo"></i>
                <div class="fontclass">.icon-peo</div>
            </li>

            <li>
                <i class="icon iconfont icon-warning"></i>
                <div class="fontclass">.icon-warning</div>
            </li>

            <li>
                <i class="icon iconfont icon-project"></i>
                <div class="fontclass">.icon-project</div>
            </li>

            <li>
                <i class="icon iconfont icon-user"></i>
                <div class="fontclass">.icon-user</div>
            </li>

            <li>
                <i class="icon iconfont icon-help"></i>
                <div class="fontclass">.icon-help</div>
            </li>

            <li>
                <i class="icon iconfont icon-dui"></i>
                <div class="fontclass">.icon-dui</div>
            </li>

            <li>
                <i class="icon iconfont icon-addPro"></i>
                <div class="fontclass">.icon-addPro</div>
            </li>

            <li>
                <i class="icon iconfont icon-delete"></i>
                <div class="fontclass">.icon-delete</div>
            </li>

            <li>
                <i class="icon iconfont icon-addBg"></i>
                <div class="fontclass">.icon-addBg</div>
            </li>

            <li>
                <i class="icon iconfont icon-change"></i>
                <div class="fontclass">.icon-change</div>
            </li>

            <li>
                <i class="icon iconfont icon-system"></i>
                <div class="fontclass">.icon-system</div>
            </li>

            <li>
                <i class="icon iconfont icon-bianji"></i>
                <div class="fontclass">.icon-bianji</div>
            </li>

            <li>
                <i class="icon iconfont icon-copy"></i>
                <div class="fontclass">.icon-copy</div>
            </li>

            <li>
                <i class="icon iconfont icon-edit"></i>
                <div class="fontclass">.icon-edit</div>
            </li>

            <li>
                <i class="icon iconfont icon-foldBg"></i>
                <div class="fontclass">.icon-foldBg</div>
            </li>

            <li>
                <i class="icon iconfont icon-export"></i>
                <div class="fontclass">.icon-export</div>
            </li>

            <li>
                <i class="icon iconfont icon-search"></i>
                <div class="fontclass">.icon-search</div>
            </li>

            <li>
                <i class="icon iconfont icon-program"></i>
                <div class="fontclass">.icon-program</div>
            </li>

            <li>
                <i class="icon iconfont icon-history"></i>
                <div class="fontclass">.icon-history</div>
            </li>

            <li>
                <i class="icon iconfont icon-errorBg"></i>
                <div class="fontclass">.icon-errorBg</div>
            </li>

            <li>
                <i class="icon iconfont icon-piliangxiadan"></i>
                <div class="fontclass">.icon-piliangxiadan</div>
            </li>

            <li>
                <i class="icon iconfont icon-move"></i>
                <div class="fontclass">.icon-move</div>
            </li>

            <li>
                <i class="icon iconfont icon-module"></i>
                <div class="fontclass">.icon-module</div>
            </li>

            <li>
                <i class="icon iconfont icon-fold"></i>
                <div class="fontclass">.icon-fold</div>
            </li>

            <li>
                <i class="icon iconfont icon-zhuanrang"></i>
                <div class="fontclass">.icon-zhuanrang</div>
            </li>

            <li>
                <i class="icon iconfont icon-code"></i>
                <div class="fontclass">.icon-code</div>
            </li>

            <li>
                <i class="icon iconfont icon-sql"></i>
                <div class="fontclass">.icon-sql</div>
            </li>

            <li>
                <i class="icon iconfont icon-xitong"></i>
                <div class="fontclass">.icon-xitong</div>
            </li>

            <li>
                <i class="icon iconfont icon-daochu1"></i>
                <div class="fontclass">.icon-daochu1</div>
            </li>

            <li>
                <i class="icon iconfont icon-butterfly"></i>
                <div class="fontclass">.icon-butterfly</div>
            </li>

            <li>
                <i class="icon iconfont icon-logo"></i>
                <div class="fontclass">.icon-logo</div>
            </li>

        </ul>


    </div>

</template>
<script>

export default{
    created: function () {
        $("body").removeClass('loading');
    }
}
</script>